<!DOCTYPE html>
<html lang="en">
<#include "../common/base.html" />
<@head "可视化预览" />
<body class="nav-md">

<link rel="stylesheet" href="/css/drawGraph.css"/>

<div class="container body">
  <div class="main_container">
    <#include "../common/sidebar.html" />
    <#include "../common/topbar.html" />

    <div class="right_col" role="main">
      <div class="row">

        <div id="right-navigation" class="col-sm-12">
          <div class="category-group-base ">

            <div class="cards-row">
              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8011"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;重点专利申请授权趋势</span>
                </div>
                <div id="graph-8011" class="card card-ood">
                  <img src="/img/graph_8011.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8021"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;重点专利法律状态</span>
                </div>
                <div id="graph-8021" class="card card-ood">
                  <img src="/img/graph_8021.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8022"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;重点专利法律状态(汇总)</span>
                </div>
                <div id="graph-8022" class="card card-ood">
                  <img src="/img/graph_8022.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8031"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;国家地区专利申请量</span>
                </div>
                <div id="graph-8031" class="card card-ood">
                  <img src="/img/graph_8031.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8041"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;申请前10年度申请趋势</span>
                </div>
                <div id="graph-8041" class="card card-ood">
                  <img src="/img/graph_8041.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8071"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;五大技术来源国市场分布</span>
                </div>
                <div id="graph-8071" class="card card-ood">
                  <img src="/img/graph_8071.png" />
                </div>
              </div>
              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8008"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;各省份专利申请量排名</span>
                </div>
                <div id="graph-8008" class="card card-ood">
                  <img src="/img/graph_8008.png" />
                </div>

              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8101"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;各省份专利申请量排名</span>
                </div>
                <div id="graph-8101" class="card card-ood">
                  <img src="/img/graph_8101.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8111"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;申请量前20企业/研发机构</span>
                </div>
                <div id="graph-8111" class="card card-ood">
                  <img src="/img/graph_8111.png" />
                </div>
              </div>


              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8121"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;企业/研发机构申请趋势</span>
                </div>
                <div id="graph-8121" class="card card-ood">
                  <img src="/img/graph_8121.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8122"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;企业/研发机构申请趋势</span>
                </div>
                <div id="graph-8122" class="card card-ood">
                  <img src="/img/graph_8122.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8141"  type="checkbox" value="" /></div>
                  <span class="graph-name">&nbsp;申请量前20发明人</span>
                </div>
                <div id="graph-8141" class="card card-ood">
                  <img src="/img/graph_8141.png" />
                </div>
              </div>

              <div class="category-card-base">
                <div>
                  <div  class = "graph-select"><input id="graph-selct-8015"  type="checkbox" value="" /></div>
                  <div class="graph-name">&nbsp;前10发明人专利法律状态</div>
                </div>
                <div id="graph-8015" class="card card-ood">
                  <img src="/img/graph_8015.png" />
                </div>

              </div>
            </div>
          </div>

        </div>


        <div class="modal fade" id="graph-show" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
          <div class="modal-dialog graph-dialog" >
            <div class="modal-content graph-content">
              <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">图形显现</h4>
              </div>
              <div class="modal-body graph-body">


                <div id = 'content-right-classify1' class='show-graph' >


                </div>


                <div class="clear"></div>


              </div>


              <div class="modal-footer">

                <!--<button id = "eye-button-submit" type="button" class="btn btn-primary">确定</button>-->

                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

              </div>

            </div><!-- /.modal-content -->
          </div><!-- /.modal-dialog -->
        </div>
      </div>
      </div>
    </div>
  </div>
</div>

  <!-- jQuery -->
<script src="/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 
<script src="/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
-->
<!-- FastClick -->
<script src="/vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="/vendors/nprogress/nprogress.js"></script>
<!-- Chart.js -->
<script src="/vendors/Chart.js/dist/Chart.min.js"></script>
<!-- gauge.js -->
<script src="/vendors/bernii/gauge.js/dist/gauge.min.js"></script>
<!-- bootstrap-progressbar -->
<script src="/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
<!-- iCheck -->
<script src="/vendors/iCheck/icheck.min.js"></script>
<!-- Skycons -->
<script src="/vendors/skycons/skycons.js"></script>
<!-- Flot -->
<script src="/vendors/Flot/jquery.flot.js"></script>
<script src="/vendors/Flot/jquery.flot.pie.js"></script>
<script src="/vendors/Flot/jquery.flot.time.js"></script>
<script src="/vendors/Flot/jquery.flot.stack.js"></script>
<script src="/vendors/Flot/jquery.flot.resize.js"></script>

<!-- Flot plugins -->
<script src="/js/flot/jquery.flot.orderBars.js"></script>
<script src="/js/flot/date.js"></script>
<script src="/js/flot/jquery.flot.spline.js"></script>
<script src="/js/flot/curvedLines.js"></script>
<!-- jVectorMap -->
<script src="/js/maps/jquery-jvectormap-2.0.3.min.js"></script>
<!-- bootstrap-daterangepicker -->
<script src="/js/moment/moment.min.js"></script>
<script src="/js/datepicker/daterangepicker.js"></script>

<!-- Custom Theme Scripts -->
<script src="/js/custom.js"></script>

<script>
  $(document).ready(function () {
    $("#me-info").click()
  })
</script>
<script src="/js/packages/echarts.js"></script>
<script src="/js/packages/require.js" data-main="/js/graph/classify8"></script>


</body>
</html>